<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>五金和染料（掌上数据，仅供参考）</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/demo/demo.css">
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>


    <!--日期时间滑动选择-->
    <!-- <script src="JQmobiscrol_2.5.2/dev/jquery-1.9.1.js"></script>
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
    <link href="JQmobiscrol_2.5.2/dev/css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
    <link href="JQmobiscrol_2.5.2/dev/css/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
     可根据自己喜好引入样式风格文件
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
    <link href="JQmobiscrol_2.5.2/dev/css/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />
    -->

    <script src="js/datePicker.js" type="text/javascript"></script>
    <script src="js/date02.js" type="text/javascript"></script>

    <!--下拉样式设置-->
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/swiper.min.css">

    <link type="text/css" rel="stylesheet" href="css/HardwareAndDye.css">

    <script src="js/HardwareAndDye.js" type="text/javascript"></script>
 <!--   <script src="js/datetime.js" type="text/javascript"></script>  -->

    <script src="js/swiper.min.js"></script>
    <script src="js/dyselect.js"></script>

</head>
<body>

<div class="d_main">

    <div class="d_detail01">
        <button class="btn2">染厂名称</button>
    </div>

    <div class="d_detail02" >
        <div style="margin:1px 0 1px 0;"></div>
        <div id="tabs" class="easyui-tabs" style="width:100%;height:100%">

            <div title="染料仓库" data-options="tabWidth:80" style="padding:0px">
                <table id="waterdetai02" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
                       toolbar:'#tb',footer:'#ft'">
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'goodsName',width:120,align:'center'">染料名称</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th  data-options="field:'b_rkqty',width:80,align:'center'">染料入库</th>
                        <th  data-options="field:'b_ckqty',width:80,align:'center'">染料出库</th>
                        <th  data-options="field:'b_kcqty',width:80,align:'center'">染料库存</th>
                    </tr>
                    </thead>

                </table>
            </div>
            <div title="五金仓库" data-options="tabWidth:80" style="padding:0px">
                <table id="waterdetai01" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
                       toolbar:'#tb',footer:'#ft'" >
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'metal_name',width:100,align:'center'">名称</th>
                        <th  data-options="field:'unit',width:50,align:'center'">单位</th>

                    </tr>
                    </thead>
                   <thead>
                    <tr>
                        <th  data-options="field:'specification',width:100,align:'center'">规格</th>
                        <th  data-options="field:'RKqty',width:80,align:'center'">入库数量</th>
                        <th  data-options="field:'CKqty',width:80,align:'center'">领用数量</th>
                        <th  data-options="field:'KCqty',width:80,align:'center'">库存数量</th>
                    </tr>
                    </thead>

                </table>
            </div>

        </div>
    </div>
    <div class="d_detail03">

        <div class="d_detail01_1">
            <div class="demos data01" style="width: 50%;border: 0px solid red">
                <label style="width: 50px;border: 0px solid red" for="appDateTime">起始:</label>
                <input class="Datetext" type="text" name="appDateTime" id="appDateTime" readonly/>
            </div>

            <div class="demos data02" style="width: 50%;border: 0px solid red">
                <label style="width: 50px;border: 0px solid red" for="appDateTime02">终止:</label>
                <input class="Datetext" type="text" name="appDateTime02" id="appDateTime02" readonly/>
            </div>

<!--            <div class="demos data01">-->
<!--                <label for="appDateTime">开始日期：</label>-->
<!--                <input class="Datetext" type="text" name="appDateTime" id="appDateTime" readonly />-->
<!--            </div>-->

<!--            <div class="demos data02">-->
<!--                <label for="appDateTime02">结束日期：</label>-->
<!--                <input class="Datetext" type="text" name="appDateTime02" id="appDateTime02" readonly />-->
<!--            </div>-->

        </div>

        <div class="d_detail03_02">
            <input onclick="getquery()" type="button"  class="d_detail03_2_1 buttom" value="查询">
            <input onclick="getdaydate()" type="button" class="d_detail03_2_1 buttom" value="昨天">
            <input onclick="getWeekdate()" type="button" class="d_detail03_2_1 buttom" value="一周">
            <input onclick="getOneMonthdate()" type="button" class="d_detail03_2_1 buttom" value="一月">
            <input onclick="getMonthdate()" type="button" class="d_detail03_2_1 buttom" value="本月">
        </div>


    </div>

    <!--下拉弹出的div*/-->
    <div class="select_box select_box2"></div>
</div>


</body>
<script>
    $(".buttom").click(
        function() {
            $(".buttom").eq($(this).index()).css('background', '#2eafbb').siblings().css('background', '#E0ECFF');
            $(".buttom").attr("disabled",true);
        })

</script>

</html>